<template>
    <div>
          <!-- current-page当前页码 -->
            <el-pagination background style="margin-top: 10xp;" @size-change="handleSizeChange" @current-change="handleCurrentChange"
                :current-page="page" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                layout="total, sizes, prev, pager, next, jumper" :total="total" >
            </el-pagination>
    </div>
</template>

<script>
    export default {
        props:{
            total:{
                type:Number
            },
            page:{
                type: Number
        },
        },
        
        data(){
            return{

            }
        },
        methods:{
            handleSizeChange(val) {
                // 子传父
                this.$emit("size",val)
            },
            handleCurrentChange(val) {
                this.$emit("current",val)
            },
        },
    }
</script>

<style lang="scss" scoped>

</style>